@charset "utf-8";
@import '../../Sassproject/scss/model-beta';
@import "theme";
//$themeColor: #B54009;
//$fontColor: #fff;
//$hoverColor: #eb7036;
body{
	width: 100%;
	height: 100%;
}
.sign{
	width: 100%;
	height: 100%;
	background-image: url('/images/catering.bg.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 100px;
	.box{
		width: 350px;
		margin: 0 auto;
		background-image: url('/images/alpha.png');
		.title{
			width: 100%;
			.item{
				display: inline-block;
				vertical-align: top;
				width: 50%;
				text-align: center;
				padding: 15px 0;
				cursor: pointer;
				&.focus{
					background-color: $themeColor;
					color: $fontColor;
					&:hover{
						background-color: $btnHover;
					}
				}
			}
		}
		.table{
			width: 100%;
			padding: 15px 0;
			.sign_in,.sign_up{
				&.focus{
					display: none;
				}
				p{
					padding: 0 25px;
				}
			}
			.item{
				width: 300px;
				padding: 5px 25px;
				input{
					width: 100%;
					box-sizing: border-box;
					border: 0;
					outline: none;
					height: 25px;
					line-height: 1rem;
					text-indent: 5px;
				}
				a{
					color: $themeColor;
				}
			}
		}
	}
	.btn{
		width: 350px;
		margin: 15px auto;
		color: $fontColor;
		height: 30px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		background-color: $themeColor;
		&:hover{
			background-color: $btnHover;
		}		
	}
}